<div class="content">
    <div class="row">
        <div class="col-md-12">
            <custom-tab tab-item-list="tabItemList">

            </custom-tab>
            <div class="portlet-header " style="margin-top: 10px">
                <div class="operation-btn pull-left">
                    <a class="btn blue" href="javascript:;" ng-click="create()">新建</a>
                </div>
                <div class="operation-btn pull-right">
                    <form class="form-inline" role="form">
                        <div class="form-group">
                            <select name="analysisIndex"
                                    class="select2-container form-control ng-isolate-scope ng-pristine ng-valid"
                                    data-placeholder="分析指标"
                                    ng-model="model.deviceType" select2 style="min-width: 200px;">
                                <option ng-repeat="analysisIndex in analysis" value="{{analysisIndex.key}}"
                                        ng-bind="analysisIndex.text"></option>
                            </select>
                        </div>
                        <div class="form-group">
                            <input type="text" class="form-control" placeholder="请输入关键字" ng-model="condition.search">
                        </div>
                        <a href="javascript:;" class="btn blue" ng-click="search()">查询</a>
                    </form>
                </div>
            </div>
            <div class="portlet-body">
                <div class="row">
                       <div class="col-md-3 col-sm-3" style="margin-left: -10px;">
                           <ul id="myTab" role="tablist" class="nav navbar-btn">
                               <li class="active">
                                   <a href="#social" role="tab" data-toggle="tab" ng-click="changeTab(0)">
                                       社会影响
                                       <i class="fa fa-chevron-circle-right pull-right myTabI"></i>
                                   </a>

                               </li>
                               <li><a href="#pollution"  role="tab" data-toggle="tab" ng-click="changeTab(1)">排污情况 <i class="fa fa-chevron-circle-right pull-right myTabI"></i></a></li>
                               <li><a href="#business" data-toggle="tab" ng-click="changeTab(2)">经营情况 <i class="fa fa-chevron-circle-right pull-right myTabI"></i></a></li>
                               <li><a href="#dataFact" data-toggle="tab" ng-click="changeTab(3)">数据事实 <i class="fa fa-chevron-circle-right pull-right myTabI"></i></a></li>
                               <li><a href="#benefit" data-toggle="tab" ng-click="changeTab(5)">排污效益 <i class="fa fa-chevron-circle-right pull-right myTabI"></i></a></li>
                               <li><a href="#influence" data-toggle="tab" ng-click="changeTab(6)">排污影响 <i class="fa fa-chevron-circle-right pull-right myTabI"></i></a></li>
                               <li><a href="#credit" data-toggle="tab" ng-click="changeTab(7)">环境信用 <i class="fa fa-chevron-circle-right pull-right myTabI"></i></a></li>
                               <li><a href="#weather" data-toggle="tab" ng-click="changeTab(8)">重污染天气减限产 <i class="fa fa-chevron-circle-right pull-right myTabI"></i></a></li>
                           </ul>
                       </div>


                       <div class="col-md-9 col-sm-9" style="margin-top: 10px">
                           <div id="myTabContent" class="tab-content" >
                               <div class="tab-pane  fade in active " role="tabpanel" id="social">
                                   <ng-table
                                           columns="columns"
                                           sort="sort"
                                           order="order"
                                           rows="socialRows"
                                           pageable="pageable">
                                   </ng-table>
                               </div>
                               <div class="tab-pane fade" role="tabpanel" id="pollution">
                                   <ng-table
                                           columns="columns"
                                           sort="sort"
                                           order="order"
                                           rows="pollutionRows"
                                           pageable="pageable">
                                   </ng-table>
                               </div>
                               <div class="tab-pane fade " role="tabpanel" id="business">
                                   <ng-table
                                           columns="columns"
                                           sort="sort"
                                           order="order"
                                           rows="businessRows"
                                           pageable="pageable">
                                   </ng-table>
                               </div>
                               <div class="tab-pane fade  " id="dataFact" style="margin-top: 8px">
                                   <ul id="factSituation" class="nav nav-pills" >
                                       <li class="active">
                                           <a href="#basic" role="tab" data-toggle="tab" ng-click="changeTab(3)">基本属性</a>
                                       </li>
                                       <li >
                                           <a href="#count" role="tab" data-toggle="tab" ng-click="changeTab(4)">统计属性</a>
                                       </li>
                                   </ul>
                                   <div class="tab-content">
                                       <div class="tab-pane  fade in active" id="basic" style="padding: 5px 40px">
                                           <ng-table
                                                   columns="columns"
                                                   sort="sort"
                                                   order="order"
                                                   rows="basicRows"
                                                   pageable="pageable">
                                           </ng-table>
                                       </div>
                                       <div class="tab-pane fade  " id="count" style="padding: 5px 40px">
                                           <ng-table
                                                   columns="columns"
                                                   sort="sort"
                                                   order="order"
                                                   rows="countRows"
                                                   pageable="pageable">
                                           </ng-table>
                                       </div>
                                   </div>

                               </div>

                               <div class="tab-pane fade  " id="benefit">
                                   <ng-table
                                           columns="columns"
                                           sort="sort"
                                           order="order"
                                           rows="benefitRows"
                                           pageable="pageable">
                                   </ng-table>
                               </div>
                               <div class="tab-pane fade  " id="influence">
                                   <ng-table
                                           columns="columns"
                                           sort="sort"
                                           order="order"
                                           rows="influenceRows"
                                           pageable="pageable">
                                   </ng-table>
                               </div>
                               <div class="tab-pane fade  " id="credit">
                                   <ng-table
                                           columns="columns"
                                           sort="sort"
                                           order="order"
                                           rows="creditRows"
                                           pageable="pageable">
                                   </ng-table>
                               </div>
                               <div class="tab-pane fade left " id="weather">
                                   <ng-table
                                           columns="columns"
                                           sort="sort"
                                           order="order"
                                           rows="weatherRows"
                                           pageable="pageable">
                                   </ng-table>
                               </div>
                           </div>

                       </div>


                </div>
            </div>

          <!--  <div class="portlet-body">
                <ng-table
                        columns="columns"
                        sort="sort"
                        order="order"
                        rows="rows"
                        pageable="pageable">
                </ng-table>
            </div>-->
        </div>
    </div>
</div>

<script type="text/ng-template" id="operation.html">
    <a class="btn blue btn-xs" ng-click="onActionClick(row,'edit')"> 编辑 </a>
    <a class="btn blue btn-xs" ng-click="onActionClick(row,'view')"> 详情 </a>
</script>